<template>
    <h2>列表渲染</h2>

    <ul>
        <li v-for="item in arr">{{ item }}</li>
    </ul>

    <ol v-for="item in infos">
        <li>{{ item.Stuname }}</li>
        <li>{{ item.StuAge }}</li>
        <li>{{ item.StuSex }}</li>
    </ol>

</template>

<script setup long="ts">
    
    //创建数组
    const arr=[10,20,30,40,50];

    //初始化四个学生的基本信息 学生的基本习包含(姓名,年龄,性别) []:数组 {}:对象
    const infos=[
        {
        Stuname:"孙策",
        StuAge:28,
        StuSex:"男"
        },
        {
        Stuname:"赵云",
        StuAge:28,
        StuSex:"男"
        },
        {
        Stuname:"孙权",
        StuAge:28,
        StuSex:"男"
        },
    ]
    
</script>